<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Language" content="zh-CN" />
<title>主流WEB2.0颜色 >> Java就是老大</title>
<meta name="keywords" content="Java,J2EE,Javascript,CSS,HTML" />
<meta name="description" content="主流web2.0网站的配色方案供你参考" />
<meta name="Robots" content= "all">
<link rel="icon" type="image/x-icon" href="/favicon.ico" />
<link href="/style.css" rel="stylesheet" />
<style type="text/css">
.web2_box:after{content:"";display:table;clear:both;}
.web2_box{zoom:1;}
.web2_box{width:860px;border:1px dashed #4999CB;margin:10px 0;padding:10px;font-size:14px;}
.web2_wrap{margin:8px 0; font:1.6em Georgia;}
.web2_wrap div{border:#444 1px solid; float:left; width:32px; margin-right:16px; height:32px}
.web2_wrap span{font-size:1em; color:#888}
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script src="/js/plus.js"></script>
</head>
<body>
<div id="logo">
	<img src="/images/logo.png" alt="Logo">
	<h1>wind's page</h1>
	<p><em> a zone 4 a coder </em></p>
</div>
<div id="header">
	<div id="menu">
		<ul>
			<li><a href="/">Home</a></li>
			<li><a href="/resume.html">Resume</a></li>
			<li><a href="/gallery.html">Gallery</a></li>
            <li><a href="/demo.html" class='current'>Demo</a></li>
			<li><a href="/other.html">Other</a></li>
		</ul>
	</div>
    <div id="search">
    	<g:plusone href="http://www.aceyo.com" size="medium"></g:plusone><br />
        <a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=562747059&site=qq&menu=yes"><img border="0" width="59" height="16" src="http://wpa.qq.com/pa?p=2:562747059:46" alt="企鹅号" title="企鹅号"></a>
	</div>
</div>
<div id="page">
	<b>主流web2.0网站的配色方案供你参考</b>
	<div class="web2_box">
		<h3>Neutrals</h3>
		<div class='web2_wrap'><div style='background:#eee;'></div>Shiny silver <span>[#EEE]</span> </div>
		<div class='web2_wrap'><div style="background:#fff;"></div>Reddit white <span>[#FFF]</span> </div>
		<div class='web2_wrap'><div style="background:#f9f7ed;"></div>Magnolia Mag.nolia <span>[#F9F7ED]</span> </div>
		<div class='web2_wrap'><div style="background:#ffff88;"></div>Interactive action yellow <span>[#FFFF88]</span> </div>
		<div class='web2_wrap'><div style="background:#cdeb8b;"></div>Qoop Mint <span>[#CDEB8B]</span> </div>
		<div class='web2_wrap'><div style="background:#c3d9ff;"></div>Gmail blue <span>[#C3D9FF]</span> </div>
		<div class='web2_wrap'><div style="background:#36393d;"></div>Shadows Grey <span>[#36393D]</span> </div>
		<h3>Bold</h3>
		<div class='web2_wrap'><div style="background:#ff1a00; "></div>Mozilla Red <span>[#FF1A00]</span> </div>
		<div class='web2_wrap'><div style="background:#cc0000;"></div>Rollyo Red <span>[#CC0000]</span> </div>
		<div class='web2_wrap'><div style="background:#ff7400;"></div>RSS Orange <span>[#FF7400]</span> </div>
		<div class='web2_wrap'><div style="background:#008c00;"></div>Techcrunch green <span>[#008C00]</span> </div>
		<div class='web2_wrap'><div style="background:#006e2e;"></div>Newsvine Green <span>[#006E2E]</span> </div>
		<div class='web2_wrap'><div style="background:#4096ee;"></div>Flock Blue <span>[#4096EE]</span> </div>
		<div class='web2_wrap'><div style="background:#ff0084;"></div>Flickr Pink <span>[#FF0084]</span> </div>
		<h3>Muted</h3>
		<div class='web2_wrap'><div style="background:#b02b2c;"></div>Ruby on Rails Red <span>[#B02B2C]</span> </div>
		<div class='web2_wrap'><div style="background:#d15600;"></div>Etsy Vermillion <span>[#D15600]</span> </div>
		<div class='web2_wrap'><div style="background:#c79810;"></div>43 Things Gold <span>[#C79810]</span> </div>
		<div class='web2_wrap'><div style="background:#73880a;"></div>Writely Olive <span>[#73880A]</span> </div>
		<div class='web2_wrap'><div style="background:#6bba70;"></div>Basecamp Green <span>[#6BBA70]</span> </div>
		<div class='web2_wrap'><div style="background:#3f4c6b;"></div>Mozilla Blue <span>[#3F4C6B]</span> </div>
		<div class='web2_wrap'><div style="background:#356aa0;"></div>Digg Blue <span>[#356AA0]</span> </div>
		<div class='web2_wrap'><div style="background:#d01f3c;"></div>Last.fm Crimson <span>[#D01F3C]</span> </div>
		<h3>Block</h3>
		<div class='web2_wrap'><div style="background:#E8F5FE;border-color:#A9C9E2"></div>蓝：<span>背景#E8F5FE　边框#A9C9E2</span> </div>
		<div class='web2_wrap'><div style="background:##FFFFDD;border-color:#E9DC8E"></div>黄：<span>背景#FFFFDD　边框#E9DC8E</span> </div>
		<div class='web2_wrap'><div style="background:#F2FDDB;border-color:#A5CF3D"></div>绿：<span>背景#F2FDDB　边框#A5CF3D</span> </div>
		<div class='web2_wrap'><div style="background:#FFE7F4;border-color:#F9B3D5"></div>粉：<span>背景#FFE7F4　边框#F9B3D5</span> </div>
		<div class='web2_wrap'><div style="background:#F7F7F7;border-color:#D5D5D5"></div>灰：<span>背景#F7F7F7　边框#D5D5D5</span> </div>
		<h3>Other</h3>
		<div class='web2_wrap'><div style="border:1px solid #96c2f1;background:#eff7ff"></div><span></span> </div>
		<div class='web2_wrap'><div style="border:1px solid #9bdf70;background:#f0fbeb"></div><span></span> </div>
		<div class='web2_wrap'><div style="border:1px solid #bbe1f1;background:#eefaff"></div><span></span> </div>
		<div class='web2_wrap'><div style="border:1px solid #ffcc00;background:#fffff7"></div><span></span> </div>
		<div class='web2_wrap'><div style="border:1px solid #cceff5;background:#fafcfd"></div><span></span> </div>
		<div class='web2_wrap'><div style="border:1px solid #cee3e9;background:#f1f7f9"></div><span></span> </div>
		<div class='web2_wrap'><div style="border:1px solid #a9c9e2;background:#e8f5fe"></div><span></span> </div>
		<div class='web2_wrap'><div style="border:1px solid #e3e197;background:#ffffdd"></div><span></span> </div>
		<div class='web2_wrap'><div style="border:1px solid #adcd3c;background:#f2fddb"></div><span></span> </div>
		<div class='web2_wrap'><div style="border:1px solid #f8b3d0;background:#fff5fa"></div><span></span> </div>
		<div class='web2_wrap'><div style="border:1px solid #d3d3d3;background:#f7f7f7"></div><span></span> </div>
		<div class='web2_wrap'><div style="border:1px solid #bfd1eb;background:#f3faff"></div><span></span> </div>
		<div class='web2_wrap'><div style="border:1px solid #ffdd99;background:#fff9ed"></div><span></span> </div>
		<div class='web2_wrap'><div style="border:1px solid #cacaff;background:#f7f7ff"></div><span></span> </div>
		<div class='web2_wrap'><div style="border:1px solid #a5b6c8;background:#eef3f7"></div><span></span> </div>
	</div>
</div>
<div id="footer">
	<p>Copyright (c) 2011 Aceyo.com. All rights reserved. <br /><img src="http://new.cnzz.com/v1/images/icon/icon.gif" border="0"> <script src="http://s23.cnzz.com/stat.php?id=3684523&web_id=3684523&online=1&show=line"></script></p>
</div>
</body>
</html>